<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的网站</title>
<style>
* {
	margin: 0;
	padding: 0;
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #FF0000;
}
body{
	width: 100%;
    background:url(img/背景.jpeg);
    background-size:cover;
	
}
.mytitle{
	color: #fff;
	text-align: center;
} 
#dowebok {
	 width: 90%; 
	 margin: 0 auto; 
	 font-size: 15px;	
	
}
#dowebok li { 
	float: left;
	width: 20%; 
	margin-left: 1%; 
	padding-top: 1%;
}
#dowebok li img { 
	width: 100%;
}
#dowebok li .dt {
	 width: 100%;
	 text-align: 
	 center;
}
#dowebok li{
	list-style-type: none;
}
</style>
</head>

<body>
	<h1 class="mytitle">219970223 刘远行</h1>
	<ul id="dowebok">
		<li>
			<div><a href="zy1/zy1(2)/zy1(2).html"><img data-original="img/tibet-1.jpg" src="img/作业1.jpeg" alt="图片1"></a></div>
			<div class="dt"><a href="zy1/zy1(2)/zy1(2).html">作品1：使用JavaScript打印图形</a></div>
		</li>
		<li>
			<div><a href="zy2/zy.html"></a><img data-original="img/tibet-2.jpg" src="img/作业2.jpeg" alt="图片2"></div>
			<div class="dt"><a href="zy2/zy.html">作品2：使用DOM操纵图片</a></div>
		</li>
		<li>
			<div><a href="zy3/task3.html"></a><img data-original="img/tibet-1.jpg" src="img/作业3.jpeg" alt="图片1"></div>
			<div class="dt"><a href="zy3/task3.html">作品3：用键盘操纵坦克移动</a></div>
		</li>
		<li>
			<div><a href="zy4/sy4.html"></a><img data-original="img/tibet-2.jpg" src="img/作业4.jpeg" alt="图片2"></div>
			<div class="dt"><a href="zy4/sy4.html">作品4：制作Web页面广告实验</a></div>
		</li>
		<li>
			<div><a href="zy5/1.html"></a><img data-original="img/tibet-1.jpg" src="img/作业5.jpeg" alt="图片1"></div>
			<div class="dt"><a href="zy5/1.html">作品5：DOM操作-练习</a></div>
		</li>
		<li>
			<div><a href="zy6/index.html"></a><img data-original="img/tibet-2.jpg" src="img/作业6.gif" alt="图片2"></div>
			<div class="dt"><a href="zy6/index.html">作品6：使用jQuery制作游戏角色</a></div>
		</li>
		<li>
			<div><a href="zy7/index.html"></a><img data-original="img/tibet-2.jpg" src="img/作品7.jpeg" alt="图片2"></div>
			<div class="dt"><a href="zy7/index.html">作品7：选择一个jQuery插件制作demo</a></div>
		</li>
		<li>
			<div><a href="zy8/index.html"></a><img data-original="img/tibet-2.jpg" src="img/作业9.jpeg" alt="图片2"></div>
			<div class="dt"><a href="zy8/index.html">作品8：用户注册验证的设计与实现</a></div>
		</li>
		<li>
			<div><a href="zy9/index.html"></a><img data-original="img/tibet-2.jpg" src="img/作业8.jpeg" alt="图片2"></div>
			<div class="dt"><a href="zy9/index.html">作品9：使用ajax实现判断用户名是否存在</a></div>
		</li>
	</ul>

</body>
</html>